$(function () {
    // 登录注册区域切换
    $('.login_box a').on('click', function () {
        $('.login_box').hide()
        $('.register_box').show()
    })
    $('.register_box a').on('click', function () {
        $('.login_box').show()
        $('.register_box').hide()
    })
    // 表单校验
    let form = layui.form
    form.verify({
        psd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        repsd: function (value) {
            let psd = $('.register_box [name="password"]').val()
            if (value != psd) {
                return '密码两次输入不一致'
            }
        }
    })
    //登录区域
    let layer = layui.layer
    // form表单收集数据
    $('.login_box form').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize()
        console.log(data);
        // 发送ajax请求
        axios({
            method: 'post',
            url: '/api/login',
            data: data,
        }).then(function (res) {
            // console.log(res.data);
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('登录成功')
            location.href = '/index.html'
            localStorage.setItem('token', res.data.token)
        })
    })
    //登录区域
    // form表单收集数据
    $('.register_box form').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize()
        // console.log(data);
        // 发送ajax请求
        axios({
            method: 'post',
            url: '/api/reguser',
            data: data,
        }).then(function (res) {
            // alert(res.data.message)
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('注册成功')
            // 清空表单内容
            $('.register_box form')[0].reset()
            //跳转至登录页面
            $('.register_box a').click()
        })
    })
})